<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="fonts/font-awesome-4/css/font-awesome.min.css">
<link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="js/jquery.niftymodals/css/component.css" />  

<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/jquery.niftymodals/js/jquery.modalEffects.js"></script>

<script type="text/javascript" src="js/superfish.js"></script>


<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>


<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->


  <div class="md-modal md-dark success custom-width md-effect-9" id="form-green">
                    <div class="md-content">
                      <div class="modal-header">
                        <h3>用户登录</h3>
                        <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                      </div>
                      <div class="modal-body form">
                        <div class="text-center">
                          <h5>只有登录才能发布贴士哟！如果还没有注册，请猛戳<a href="#">这里</a></h5>
                        </div>

                        <div class="form-group spacer2">
                          <label>用户名</label> <input type="email" class="form-control" placeholder="username@example.com">
                        </div>
                        <div class="form-group">
                          <label>密码</label> <input type="name" class="form-control" placeholder="John Doe">
                        </div>
                        
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">登录</button>
                      </div>
                    </div>
                </div>
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>主页</span></a> </li>
        <li><a href="blog.html"><span>贴士</span></a></li>
        <li><a href="about.html"><span>目的地</span></a></li>
        <li><a href="blog.html"><span>景点</span></a></li>
        <li><a href="portfolio.html"><span>发布</span></a></li>
        <li><a class="md-trigger" data-modal="form-green">登录</a>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> 贴士 <span> / 全部贴士</span>
  </div>
</div>
<!--Message-->
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <!-- Left Section Start-->
      <div class="blogleft">
        
        
        <div class="cl-mcont">    
   

      <ul class="cbp_tmtimeline">
        <li>

          <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span>8/10/14</span> <span>18:30</span></time>
          <div class="cbp_tmid">
            <div class="avatar">
            <img src="images/avatar6.jpg" alt="Avatar">
            <h5>Jane·Smith</h5> </div>

          </div>
          <div class="cbp_tmicon cbp_tmicon-phone"></div>
          <div class="cbp_tmlabel">
            <a href="blog_post.html"><h3>鼓浪屿： 日落非常美，值得一看，嘻嘻~~</a></h3>
            
            <p>昨天刚到厦门，出来随便逛逛，傍晚在鼓浪屿海滩看日落，感觉非常棒！ </p>
            <br/>
            <img src="images/sunset2.jpg" />
            <img src="images/gallery/img4.jpg" />
            <img src="images/gallery/img6.jpg" />
            <hr>
            <ul >
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-down"></i> 2</a> </li>
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-up"></i> 86</a></li>
              <li style="float:left;width:80px;"><a href=""><span>comment</span></a></li>

            </ul>

          </div>
        </li>
        <li>

          <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span>4/15/14</span> <span>08:01</span></time>
          <div class="cbp_tmid">
            <div class="avatar">
           <img src="images/soap.jpg" alt="Avatar">
            <h5>Soap·Zhao</h5> </div>

          </div>
          <div class="cbp_tmicon cbp_tmicon-phone"></div>
          <div class="cbp_tmlabel">
            <h3>泰山：别在山脚买军大衣，山顶有租的，便宜！</h3>
            
            <p>出来旅游就被坑，山脚的商贩都大骗子，说山顶没有大衣，还一副苦口婆心得劝我们租衣服 </p>
            <br/>
            <img src="images/gallery/img2.jpg" />
            <img src="images/gallery/img3.jpg" />
            <img src="images/gallery/img5.jpg" />
             <hr>
            <ul >
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-down"></i> 2</a> </li>
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-up"></i> 86</a></li>
              <li style="float:left;width:80px;"><a href=""><span>comment</span></a></li>

            </ul>
          </div>
        </li>
        <li>

          <time class="cbp_tmtime" datetime="2013-04-10 18:30"><span>1/25/14</span> <span>23:30</span></time>
          <div class="cbp_tmid">
            <div class="avatar">
            <img src="images/lq.jpg" alt="Avatar">
            <h5>lolilukia</h5> </div>

          </div>
          <div class="cbp_tmicon cbp_tmicon-phone"></div>
          <div class="cbp_tmlabel">
            <h3>九寨沟： 风景很漂亮，给猴子喂食罚了200，卖蠢了</h3>
            
            <p>10号在成都旅行社报名的，签了合同，给了我们行程安排和注意事项。现在冬季跟团比较优惠。 </p>
            <br/>
            <img src="images/gallery/img11.jpg" />
            <img src="images/gallery/img12.jpg" />
            <img src="images/gallery/img14.jpg" />
             <hr>
            <ul >
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-down"></i> 2</a> </li>
              <li style="float:left;width:80px;"><a href=""><i class="fa fa-thumbs-o-up"></i > 86</a></li>
              <li style="float:left;width:80px;"><a href=""><span>comment</span></a></li>

            </ul>
          </div>
        </li>
      </ul> 
    </div>
        <div class="divider2"> </div>
        </div>
      <!-- Right Section Start-->
      <div class="blogright">
      
        <h3 class="blue">天气</h3>
        
        <div class="fd-tile tile-green weather">

          <canvas id="widget1_1" width="100" height="100"></canvas>
          <h2>泰山</h2>
          <div><h1>5°C</h1></div>
          <div class="row days">
            <div class="col-xs-4 day">
              <h6>TUE 20°C</h6>
               <canvas id="widget1_2" width="50" height="50"></canvas>
            </div>
            <div class="col-xs-4 day">
              <h6>WED 23°C</h6>
               <canvas id="widget1_3" width="50" height="50"></canvas>
            </div>
            <div class="col-xs-4 day">
              <h6>THU 26°C</h6>
               <canvas id="widget1_4" width="50" height="50"></canvas>
            </div>
          </div>
        </div>
        <h3 class="blue">标签</h3>
        <br>
        <div class="spacer spacer-bottom">

                <button type="button" class="btn btn-primary btn-rad">#山川</button>
                <button type="button" class="btn btn-dark btn-rad">#购物</button>
                <button type="button" class="btn btn-success btn-rad">#海洋 </button>
                <button type="button" class="btn btn-prusia btn-rad">#饮食</button>
                <button type="button" class="btn btn-info btn-rad">#河流</button>
                <button type="button" class="btn btn-danger btn-rad">#现代</button>
                <button type="button" class="btn btn-warning btn-rad">#沙漠</button>
                <button type="button" class="btn btn-danger btn-rad">#岛屿</button>
                <button type="button" class="btn btn-prusia btn-rad">#湖泊</button>
                <button type="button" class="btn btn-dark btn-rad">#草原</button>
                <button type="button" class="btn btn-primary btn-rad">#园林</button>
                <button type="button" class="btn btn-success btn-rad">#宗教</button>
                <button type="button" class="btn btn-info btn-rad">#故居</button>
                <button type="button" class="btn btn-warning btn-rad">#村落</button>
                <button type="button" class="btn btn-dark btn-rad">#建筑</button>
                <button type="button" class="btn btn-primary btn-rad">#民俗</button>
                
              </div>
        <br>
        
        
        <h3 class="blue">社交主页</h3>
        <ul class="social">
          <li data-tooltip="117go" class="twitter"><a href="http://www.117go.com/1517829"> </a></li>
          <li data-tooltip="douban" class="facebook"><a href="http://www.douban.com/people/69068532"> </a></li>
          <li data-tooltip="Weibo" class="dribble"><a href="http://weibo.com/lolilukia"> </a></li>
          <li data-tooltip="zhihu" class="forest"><a href="http://www.zhihu.com/people/li-jing-73-56"> </a></li>
          <li data-tooltip="renren" class="stumble"><a href="http://www.renren.com/427457016/profile"> </a></li>
        </ul>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>关于“未来旅行家”</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>目前旅游业成为一项迅速发展的产业，由此也带来了诸多问题，比如旅游业的一些黑幕和竞争之下带来价格上的比拼和实际质量的缩水。对于景点特色的推荐和黑幕的揭露尤为重要，因此这也是我们网站的特色所在。 </p>
    </div>
    <div class="footer-details">
      <h3>联系我们</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>地址:</strong> 上海市嘉定区曹安公路4800号同济大学</div>
      <div class="address"><img height="18" width="21" alt="" src="images/phone.png"> <strong>电话:</strong> 18622889061</div>
      <div class="address"><img height="12" width="22" alt="" src="images/mail.png"> <strong>邮箱:</strong> <a href="mailto:23lukia@tongji.edu.cn">23lukia@tongji.edu.cn</a></div>
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright" align="center">  All Rights Reserved &copy;2014 未来旅行家</div>
  </div>
</div>

  <script src="js/skycons/skycons.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    var skycons = new Skycons({"color": "#FFFFFF"});
    skycons.add("widget1_1", Skycons.WIND);
    skycons.add("widget1_2", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget1_3", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget1_4", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget2_1", Skycons.SNOW);
    skycons.add("widget2_2", Skycons.SNOW);
    skycons.add("widget2_3", Skycons.SNOW);
    skycons.add("widget2_4", Skycons.SNOW);
    skycons.add("widget3_1", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget3_2", Skycons.CLOUDY);
    skycons.add("widget3_3", Skycons.RAIN);
    skycons.add("widget3_4", Skycons.CLOUDY);
    skycons.add("widget4_1", Skycons.CLOUDY);
    skycons.add("widget4_2", Skycons.CLOUDY);
    skycons.add("widget4_3", Skycons.CLOUDY);
    skycons.add("widget4_4", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget5_1", Skycons.FOG);
    skycons.add("widget5_2", Skycons.FOG);
    skycons.add("widget5_3", Skycons.SNOW);
    skycons.add("widget5_4", Skycons.FOG);
    skycons.add("widget6_1", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget6_2", Skycons.CLOUDY);
    skycons.add("widget6_3", Skycons.RAIN);
    skycons.add("widget6_4", Skycons.CLOUDY);
    skycons.add("widget7_1", Skycons.CLEAR_DAY);
    skycons.add("widget7_2", Skycons.RAIN);
    skycons.add("widget7_3", Skycons.RAIN);
    skycons.add("widget7_4", Skycons.RAIN);
    skycons.add("widget8_1", Skycons.CLOUDY);
    skycons.add("widget8_2", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget8_3", Skycons.PARTLY_CLOUDY_DAY);
    skycons.add("widget8_4", Skycons.PARTLY_CLOUDY_DAY);
    skycons.play();
    });
  </script>  



</body>
</html>
